<!doctype html>
<html lang="en">

<head>
	<title>Vue入门与实例</title>
	<meta charset="utf-8">
</head>

<body>
	<p>组件化</p>
	<p>可以自定义HTML标签，并在模板中使用</p>

	<div id="app">
		<!-- 使用了自定义标签message -->
		<message content='Hello World'></message>
	</div>

	<script type="text/javascript" src="../assets/js/vue.2.0.1.js"></script>

	<script type="text/javascript">
		// 自定义了一个message标签
		var Message = Vue.extend({
			props: ['content'],
			template: '<h1>{{content}}</h1>'
		})
		Vue.component('message', Message);

		var vm = new Vue({
			el: '#app',
		});
	</script>

</body>

</html>